<template>
  <tab-ber>
    <tab-ber-item path="/home" activecolor="blue">
      <img slot="item-icon" src="@/assets/image/tabber/home.png" />
      <img slot="item-icon-active" src="@/assets/image/tabber/home-active.png" />
      <figcaption slot="item-text">首页</figcaption>
    </tab-ber-item>

    <tab-ber-item path="/profile">
      <img slot="item-icon" src="@/assets/image/tabber/member.png" />
      <img slot="item-icon-active" src="@/assets/image/tabber/member-active.png" />
      <figcaption slot="item-text">我的</figcaption>
    </tab-ber-item>

    <tab-ber-item path="/cart">
      <img slot="item-icon" src="@/assets/image/tabber/cart.png" />
      <img slot="item-icon-active" src="@/assets/image/tabber/cart-active.png" />
      <figcaption slot="item-text">购物车</figcaption>
    </tab-ber-item>

    <tab-ber-item path="/categray">
      <img slot="item-icon" src="@/assets/image/tabber/news.png" />
      <img slot="item-icon-active" src="@/assets/image/tabber/news-active.png" />
      <figcaption slot="item-text">搜索</figcaption>
    </tab-ber-item>
  </tab-ber>
</template>
<script>
import TabBer from "@/components/common/tabbar/TabBer";
import TabBerItem from "@/components/common/tabbar/TabBerItem";
export default {
  name: "MianTabBer",
  data() {
    return {};
  },
  components: {
    TabBer,
    TabBerItem
  }
};
</script>
<style lang="less">
</style>